<template>
  <page-wrap
    :show-top="true"
    :customWrapStyle="customWrapStyle"
    :title="'搜索'"
    bgColor="#fff"
    back
    hideTab
    class="pageWrap"
  >
    <view
      class="wrapper"
      :style="'padding-top:' + navHeight + 'px;'"
      type="line"
    >
      <view class="header">
        <view class="search">
          <u-search
            placeholder="输入要查询的活动"
            class="library-u-search"
            v-model="keyword"
            height="80"
            bg-color="#F7F8FA;"
            :search-icon="searchIcon"
            @blur="handleSearchBlur"
            @change="handleSearch"
            @search="handleSearch($event, 'enter')"
            @custom="handleSearch"
            maxlength="20"
            :show-action="false"
          ></u-search>
        </view>
        <scroll-view
          scroll-y="true"
          @scroll="activityListScroll1"
          class="activity-list"
        >
          <view
            class="activity-list-item"
            v-for="(item, index) in activityList"
            :key="index"
            @click="jumpToActivityDetail(item)"
          >
            <view class="left"
              ><img class="coverImg" :src="item.coverImg" alt=""
            /></view>
            <view class="right">
              <view class="title">{{ item.title }}</view>
              <view class="desc">{{ item.description }}</view>
              <view v-if="item.startTime" class="time"
                >开课时间 {{ item.startTime.replace(/-/g, ".") }}
                <span v-if="item.endTime">
                  至 {{ item.endTime.replace(/-/g, ".") }}</span
                >
              </view>
              <view v-else class="position"
                ><u-icon name="map" color="#D0DFE9" size="24"></u-icon>
                <span>{{ item.position ? item.position : "" }}</span></view
              >
            </view>
            <view
              :class="
                item.activityStatus == 20
                  ? 'status-green'
                  : item.activityStatus == 10
                  ? 'status-orange'
                  : 'status-gray'
              "
            >
              <img
                :src="
                  item.activityStatus == 20
                    ? wks
                    : item.activityStatus == 10
                    ? zzjx
                    : yjs
                "
                alt=""
              />
              {{
                item.activityStatus == 20
                  ? "未开始"
                  : item.activityStatus == 10
                  ? "进行中"
                  : "已结束"
              }}
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
    <u-loading-page :loading="loading"></u-loading-page>
  </page-wrap>
</template>

<script>
import {
  getHotPositionList,
  getStudentHotSearchList,
  positionTagAndParentList,
  addBuryingPoint,
  addPositionTopicPoint,
  getPositionTemplate,
} from "@/api/modules/career";
import share from "@/mixins/share";
import { offlineActivitys, getInfo } from "@/api/modules/zty.js";

export default {
  mixins: [share],
  name: "allCategory",
  data() {
    return {
      zzjx: "https://img3.job1001.com/ypMp/elan/images/ztyNew/zzjx.png",
      wks: "https://img3.job1001.com/ypMp/elan/images/ztyNew/wks.png",
      yjs: "https://img3.job1001.com/ypMp/elan/images/ztyNew/yjs.png",
      activityList: [],
      loading: false,
      navHeight: 0,
      searchIcon: this.$imgBaseSelf + "common/search.png",
      hotIcon: this.$imgBaseSelf + "common/hot.png",
      hotIcon1: this.$imgBaseSelf + "common/hot1.png",
      moreClose: this.$imgBaseSelf + "common/moreClose.png",
      moreOpen: this.$imgBaseSelf + "common/moreOpen.png",
      emptyImg: this.$imgBaseSelf + "common/empty.png",
      keyword: "",
      isSearching: false,
      searchResultList: [],
      customWrapStyle: {
        maxHeight: "100vh",
        overflow: "hidden",
        minHeight: "auto !important",
      },
      status: "loading",
      shareTitle: "职业大全", // 分享自定义标题
      sharePath: "/pages/career/positionDictionary/allCategory", // 分享自定义路径
      imageUrl: "",
      searchHistory: [],
      showSearchHistory: [],
      hasMoreBthHis: false, //搜索历史 是否显示 展开/收起 按钮
      showMoreHis: false, //搜索历史是否展开/收起
      deleteIcon: this.$imgBaseSelf + "common/delete.png",
      isOpen: false,
      hotPositionList: [],
      hotMajorList: [],
      tempSearchResultList: [],
      buryingPointId: "",
      cardType: "",
    };
  },
  onLoad() {
    this.toggleHistoryData();
    this.keyword = ""; // 在onLoad周期中将其置空
    uni.setStorageSync("searchPosNewKeyWord", ""); //将搜索的keyword存储到本地缓存中 从下一级页面返回来的时候重新获取展示搜搜结果
  },
  onShow() {
    this.keyword = uni.getStorageSync("searchPosNewKeyWord") || "";
  },
  created() {
    this.navHeight = getApp().globalData.navHeight;
    this.showSearchHistory =
      (uni.getStorageSync("searchPosHistory") &&
        JSON.parse(uni.getStorageSync("searchPosHistory"))) ||
      [];
    this.searchHistory =
      (uni.getStorageSync("searchPosHistory") &&
        JSON.parse(uni.getStorageSync("searchPosHistory"))) ||
      [];
    // this.getHotPositionList();
    this.getStudentHotSearchListFn(10);
    this.getStudentHotSearchListFn(20);
  },
  mounted() {},
  onReachBottom() {},
  methods: {
    jumpToActivityDetail(item) {
      uni.navigateTo({
        url: `/pagesSub/ztyNew/activityDetail/index?itemInfo=${encodeURIComponent(
          JSON.stringify(item)
        )}`,
      });
    },
    async getInfoFn() {
      const params = {
        personId: uni.getStorageSync("person-id").slice(2) || undefined,
      };
      const res = await getInfo(params);
      if (res.code == 200) {
        setTimeout(() => {
          this.activityList.forEach((item) => {
            this.$set(item, "position", res.data.school.schoolName);
          });
        }, 200);
      }
    },
    //普通的埋点+事件停留埋点
    async addBuryingPointFn(
      etId,
      statType,
      jumpPersonId,
      jumpSource,
      sourceType
    ) {
      const params = {
        etId: etId,
        id: this.buryingPointId ? this.buryingPointId : "", //后台要求不能传空，未登录也要统计
        personId: uni.getStorageSync("person-id").slice(2) || "0",
        cardType: this.cardType
          ? this.cardType
          : uni.getStorageSync("cardType") || this.cardType,
        consultantId: uni.getStorageSync("sellId")
          ? uni.getStorageSync("sellId")
          : "",
        originType: this.originFrom == "shareLink" ? 10 : 20,
        statType: statType ? statType : "10",
        jumpPersonId: jumpPersonId,
        jumpSource: jumpSource,
        sourceType: sourceType,
      };
      const res = await addBuryingPoint(params);
    },
    async addPositionTopicPointFn(eventType, dataId) {
      const params = {
        eventType: eventType,
        dataId: dataId,
        personId: uni.getStorageSync("person-id").slice(2) || "0",
        description: "中学生高考点击了职业",
        platform: "1",
      };
      const res = await addPositionTopicPoint(params);
    },
    async positionTagAndParentListFn(matchName) {
      const params = {
        tagLevel: 3,
        tagType: 10,
        cateType: "10,30",
        matchName: matchName,
        pageNo: 1,
        pageSize: 999,
      };
      const res = await positionTagAndParentList(params);
      if (res.code == 200) {
        let tempRes = [];
        res.data.forEach((item) => {
          tempRes.push({
            ylPositionId: item.positionTagId,
            positionName: item.tagName,
            isMajor: true,
            topName: item.topName,
            parentName: item.parentName,
          });
        });
        let list = tempRes.map((item, index) => {
          console.log("this.changeText(item)", this.changeText(item));
          return this.changeText(item);
        });
        this.isSearching = true;
        this.searchResultList = [...list, ...this.tempSearchResultList];
        // this.searchResultList = Array.from(new Set(this.searchResultList));
        console.log("this.searchResultList", this.searchResultList);
      }
    },
    async getStudentHotSearchListFn(searchDataType) {
      const params = {
        searchDataType: searchDataType,
      };
      const res = await getStudentHotSearchList(params);
      if (res.code == 200) {
        if (searchDataType == 10) {
          res.data.forEach((item) => {
            item.isMajor = false;
            item.ylPositionId = item.dataId;
            item.positionName = item.title;
          });
          this.hotPositionList = res.data;
          console.log("this.hotPositionList", this.hotPositionList);
        } else {
          res.data.forEach((item) => {
            item.isMajor = true;
            item.ylPositionId = item.dataId;
          });
          this.hotMajorList = res.data;
          console.log("this.hotMajorList", this.hotMajorList);
        }
      }
    },
    // 截取两行历史记录
    toggleHistoryData() {
      let idx = 0;
      let count = 0;
      let obj = uni.createSelectorQuery();
      obj
        .selectAll(".hisItem")
        .boundingClientRect()
        .exec((rect) => {
          if (rect) {
            rect[0].forEach((item, index) => {
              if (item.left <= 32) {
                count++;
                if (count === 3) {
                  idx = index - 1;
                  this.hasMoreBthHis = true;
                }
              }
            });
          }
          // 超过2行截断数据
          if (idx > 0) {
            this.showSearchHistory = this.searchHistory.slice(0, idx);
          } else {
            this.showSearchHistory = this.searchHistory;
          }
        });
    },
    handleOpenClick() {
      this.showMoreHis = !this.showMoreHis;
      if (this.showMoreHis) {
        this.showSearchHistory = this.searchHistory;
      } else {
        this.toggleHistoryData();
      }
    },
    getHotPositionList() {
      getHotPositionList()
        .then((res) => {
          if (res.code == 200) {
            this.hotPositionList = res.data;
          } else {
            this.hotPositionList = [];
          }
        })
        .catch((err) => {})
        .finally(() => {});
    },
    async handleResultClick(item, tag) {
      console.log("item", item);
      let pageName = "专业搜索列表页";
      let params = {
        positionOrMajor: 1,
        levelNum: 3,
        tagName: item.positionName,
        positionTagId: item.ylPositionId,
        pageName,
        advertise: true,
      };
      getApp().globalData.allCategoryParams = params;
      this.saveHistory(item.positionName || item.title);
      if (tag == "search") {
        this.isSearching = false;
        uni.setStorageSync("searchPosNewKeyWord", this.keyword); //将搜索的keyword存储到本地缓存中 从下一级页面返回来的时候重新获取展示搜搜结果
        this.keyword = "";
      }
      if (item.isMajor) {
        this.addBuryingPointFn(20068, "", "", "", "");
        uni.navigateTo({
          url:
            `/pagesSub/careerNew/majorDetail/index?positionTagId=` +
            item.ylPositionId,
        });
      } else {
        this.addBuryingPointFn(20069, "", "", "", "");
        let tagTitle = item.positionName || item.tagTitle || "";
        let positionId = item.ylPositionId || item.positionId || "";
        let parentName = item.parentName || item.parentTitle || "";
        let topName = item.topName || item.topTitle || "";
        let source = "searchPos";
        let params = `source=${source}&positionName=${tagTitle}&positionId=${positionId}&parentTitle=${parentName}&topTitle=${topName}`;
        this.addPositionTopicPointFn(2, positionId);
        //请求接口看是否走新页面
        const templateId = await this.getPositionTemplateFn(positionId);
        if (templateId == 6) {
          uni.navigateTo({
            url: `/pagesSub/careerNewPositionDictionary/positionDetail?${params}`,
          });
        } else {
          uni.navigateTo({
            url: `/pagesSub/careerNew/positionDictionary/positionDetail?${params}`,
          });
        }
        // uni.navigateTo({
        //   url: `/pagesSub/careerNew/positionDictionary/positionDetail?${params}`,
        // });
      }
    },
    async getPositionTemplateFn(positionId) {
      const res = await getPositionTemplate({ positionId: positionId });
      if (res.code == 200) {
        return res.data.templateId;
      } else {
        return 0;
      }
    },
    async handleResultClickHotList(item, tag) {
      console.log("item", item);
      let pageName = "专业搜索列表页";
      this.saveHistory(item.positionName || item.title);
      if (tag == "search") {
        this.isSearching = false;
        uni.setStorageSync("searchPosNewKeyWord", this.keyword); //将搜索的keyword存储到本地缓存中 从下一级页面返回来的时候重新获取展示搜搜结果
        this.keyword = "";
      }
      if (item.isMajor) {
        this.addBuryingPointFn(20068, "", "", "", "");
        uni.navigateTo({
          url:
            `/pagesSub/careerNew/majorDetail/index?positionTagId=` +
            item.ylPositionId,
        });
      } else {
        this.addBuryingPointFn(20069, "", "", "", "");
        let tagTitle = item.positionName || item.tagTitle || "";
        let positionId = item.ylPositionId || item.positionId || "";
        let parentName = item.parentName || item.parentTitle || "";
        let topName = item.topName || item.topTitle || "";
        let source = "searchPos";
        let params = `source=${source}&positionName=${tagTitle}&positionId=${positionId}&parentTitle=${parentName}&topTitle=${topName}`;
        this.addPositionTopicPointFn(2, positionId);
        //请求接口看是否走新页面
        const templateId = await this.getPositionTemplateFn(positionId);
        if (templateId == 6) {
          uni.navigateTo({
            url: `/pagesSub/careerNewPositionDictionary/positionDetail?${params}`,
          });
        } else {
          uni.navigateTo({
            url: `/pagesSub/careerNew/positionDictionary/positionDetail?${params}`,
          });
        }
        // uni.navigateTo({
        //   url: `/pagesSub/careerNew/positionDictionary/positionDetail?${params}`,
        // });
      }
    },
    handleSearchBlur() {
      // this.isSearching = false;
    },
    handleSearch(e, tag) {
      if (!e) {
        this.isSearching = false;
        return;
      }
      if (tag) {
        this.saveHistory(e);
      }
      const params = { title: e };
      offlineActivitys(params)
        .then((res) => {
          if (res.code == 200) {
            console.log("res", res);
            this.activityList = res.data;

            this.getInfoFn();

            // this.isSearching = true;
            // const list = res.data.map((item, index) => {
            //   return this.changeText(item);
            // });
            // this.tempSearchResultList = list;
            // this.positionTagAndParentListFn(e);
          } else {
          }
        })
        .finally(() => {});
    },
    changeText(item) {
      return this.filterHighlight(item, this.keyword);
    },
    /**
     * 关键字高亮处理
     * @param { String } text - 文本
     * @param { String } key - 关键字
     */
    filterHighlight(item, key) {
      let textList = item.positionName.split("");
      let keyList = key.split("");
      let list = [];
      for (let i = 0; i < textList.length; i++) {
        let obj = {
          deep: false,
          val: textList[i],
        };
        list.push(obj);
      }
      for (let k = 0; k < keyList.length; k++) {
        list.forEach((_item) => {
          if (
            _item.val === keyList[k] ||
            _item.val.toLowerCase() === keyList[k].toLowerCase()
          ) {
            _item.deep = true;
          }
        });
      }

      item.filterList = list;
      return item;
    },
    // 历史记录相关
    handleDeleteClick() {
      this.searchHistory = [];
      this.showSearchHistory = [];
      uni.removeStorageSync("searchPosHistory");
    },
    handleTagClick(keyword) {
      console.log(keyword);
      this.keyword = keyword;
      //   this.isSearched = true;
      // this.handleSearch(keyword);
    },

    saveHistory(keyword) {
      let index = this.searchHistory.findIndex((item) => item.text == keyword);
      if (index > -1) {
        this.searchHistory.splice(index, 1);
      }
      let history = JSON.parse(uni.getStorageSync("searchPosHistory") || "[]");
      if (history.length >= 15) {
        history = history.splice(0, 14);
      }
      if (this.searchHistory.length >= 15) {
        this.searchHistory = this.searchHistory.splice(0, 14);
        this.showSearchHistory = this.showSearchHistory.splice(0, 14);
      }
      this.searchHistory.unshift({ text: keyword });
      // this.showSearchHistory.unshift({ text: keyword });
      history.unshift({ text: keyword });
      history = this.unique(history);
      uni.setStorageSync("searchPosHistory", JSON.stringify(history));
    },
    // 对搜索历史去重
    unique(arr) {
      let newArr = [];
      arr.forEach((i, v) => {
        let flag = true;
        newArr.forEach((item) => {
          if (i.text == item.text) flag = false;
        });
        flag ? newArr.push(i) : newArr;
      });
      return newArr;
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .u-hairline-border::after {
  border: none !important;
}

.wrapper {
  width: 100vw;
  min-height: 100vh;
  background: #fff;

  .header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;

    .search {
      display: flex;
      padding: 28rpx 32rpx;
      border-radius: 18px;

      ::v-deep.u-content {
        padding: 0 20rpx 0rpx 32rpx;
      }

      ::v-deep.u-close-wrap {
        transform: scale(1.3);
      }

      .library-u-search {
        flex: 1;
        width: 686rpx;
        height: 72rpx;
      }
    }
    .activity-list {
      margin-top: 42rpx;
      width: calc(100% - 20rpx);
      height: calc(100vh - 382rpx);
      padding: 20rpx;
      .activity-list-item {
        width: 100%;
        display: flex;
        flex-direction: row;
        background: linear-gradient(170deg, #f6fdff 0%, #f6fdff 100%);
        border-radius: 0rpx 16rpx 16rpx 0rpx;
        margin-bottom: 24rpx;
        position: relative;
        .left {
          width: 166rpx;
          border-radius: 18rpx;
          box-shadow: 5px 5px 10px rgba(206, 223, 237, 1);
          img {
            border-radius: 18rpx;
            width: 166rpx;
            height: 196rpx;
          }
        }
        .right {
          display: flex;
          flex-direction: column;
          padding: 28rpx 30rpx;
          flex: 1;
          overflow: hidden;
          .title {
            font-family: PingFang-SC, PingFang-SC;
            font-weight: bold;
            font-size: 28rpx;
            color: #444444;
            height: 36rpx;
            line-height: 36rpx;
            margin-bottom: 8rpx;
          }
          .desc {
            font-weight: 400;
            font-size: 26rpx;
            color: #9baebb;
            height: 40rpx;
            line-height: 40rpx;
            margin-bottom: 24rpx;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%; /* 确保容器有固定宽度 */
          }
          .position {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 24rpx;
            color: #9baebb;
            height: 40rpx;
            line-height: 40rpx;
            span {
              margin-left: 14rpx;
            }
          }
          .time {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 24rpx;
            color: #9baebb;
            z-index: 999;
            width: 80%;
          }
        }
        .status {
          width: 160rpx;
          height: 44rpx;
          background: #ffffff;
          border-radius: 12rpx;
          position: absolute;
          right: 14rpx;
          bottom: 18rpx;
          font-size: 22rpx;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          gap: 12rpx;
          img {
            width: 22rpx;
            height: 22rpx;
          }
          &-green {
            @extend .status;
            color: #43b77f; /* 绿色背景 */
          }

          &-orange {
            @extend .status;
            color: #ff7600; /* 橙色背景 */
          }
          &-gray {
            @extend .status;
            color: #c2c2c2; /* 橙色背景 */
          }
        }
      }
    }
    .searchResult {
      width: 100%;
      background-color: #fff;
      bottom: -120rpx;
      height: calc(100vh - 260rpx);
      overflow: scroll;

      .resultList {
        overflow: scroll;
        padding-bottom: 48rpx;

        .resultItem {
          padding: 36rpx 32rpx;
          border-bottom: 1px solid #f5f5f5;

          &:last-of-type {
            border-bottom: 0;
          }

          .resultTitle {
            font-size: 30rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            line-height: 40rpx;
            margin-bottom: 16rpx;
            display: flex;
            flex-direction: row;
            align-items: center;

            .flag-job,
            .flag-major {
              width: 52rpx;
              height: 30rpx;
              border-radius: 6rpx;
              font-size: 20rpx;
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: center;
              margin-left: 8rpx;
            }

            .flag-job {
              background: #effff5;
              border: 1rpx solid #41b16b;
              color: #2e9f58;
            }

            .flag-major {
              background: rgba(255, 119, 49, 0.05);
              border: 1rpx solid #ff836c;
              color: #fa7259;
            }

            .light {
              color: #f75a3e;
            }
          }

          .resultDesc {
            font-size: 26rpx;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #888888;
            line-height: 40rpx;
          }
        }
      }
    }

    .noneResult {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      border-radius: 8rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      margin-top: 130rpx;

      .empty_image {
        width: 400rpx;
        height: 400rpx;
      }

      .empty-title {
        color: #bfbfbf;
        line-height: 40rpx;
      }
    }
  }

  .searchHistoryContainer {
    margin-top: 30rpx;
    padding: 0 32rpx;

    .historyTitle {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 56rpx;
      margin-bottom: 24rpx;

      .left {
        width: 128rpx;
        height: 56rpx;
        font-size: 32rpx;
        font-family: PingFang-SC-Bold, PingFang-SC;
        font-weight: bold;
        color: #222222;
        line-height: 54rpx;
      }

      .right {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60rpx;

        .deleteButton {
          margin-right: 10rpx;
        }

        .deleteIcon {
          width: 40rpx;
          height: 40rpx;
        }
      }
    }

    .historyContent {
      display: flex;
      flex-wrap: wrap;

      .hisItem {
        display: inline-block;
        font-size: 28rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        padding: 12rpx 16rpx;
        background: #f1f1f1;
        margin-right: 32rpx;
        margin-bottom: 24rpx;
        border-radius: 8rpx;
        line-height: 24rpx;
      }

      image {
        display: inline-block;
        width: 70rpx;
        height: 48rpx;
      }
    }
  }

  .hot-scroll {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    overflow: scroll;
  }

  .topHot {
    width: 460rpx;
    margin: 40rpx 32rpx 100rpx;
    margin-right: 0;
    border: 2px solid #fff2ef;

    .title-job,
    .title-major {
      image {
        width: 32rpx;
        height: 32rpx;
        margin-right: 16rpx;
      }

      display: flex;
      padding: 30rpx 28rpx;
      font-size: 32rpx;
      font-family: PingFang-SC-Heavy, PingFang-SC;
      font-weight: 800;
      color: #ff7731;
      line-height: 36rpx;
      background: linear-gradient(
        180deg,
        #ffebe7 0%,
        rgba(255, 255, 255, 0) 100%
      );
      border-radius: 8rpx;
    }

    .title-job {
      background: linear-gradient(
        178deg,
        #fff5e1 0%,
        rgba(255, 255, 255, 0) 100%
      );
    }

    .hotList {
      margin-top: 16rpx;
      margin-bottom: 48rpx;
      margin-right: 16rpx;
      padding: 0 28rpx;

      .hotItem {
        display: flex;
        align-items: center;
        font-family: PingFang-SC-Heavy, PingFang-SC;
        font-size: 28rpx;
        margin-bottom: 24rpx;

        .sort {
          font-weight: 500;
          color: #999999;
          width: 44rpx;
          text-align: center;
        }

        .info {
          display: flex;
          flex-direction: column;
          margin-left: 36rpx;
          font-weight: 400;

          .descT {
            color: #222222;
            width: 560rpx;
          }

          .desc {
            width: 560rpx;
            margin-top: 4rpx;
            color: #a2a5b3;
            font-size: 24rpx;
          }
        }

        .origin {
          color: #ff6d00;
        }
      }
    }
  }
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

::v-deep .u-mode-light-primary {
  color: #555555 !important;
  border: none !important;
}

::v-deep .u-size-default {
  font-size: 24rpx !important;
}

::v-deep .u-content,
::v-deep .u-input {
  background-color: #f5f5f5 !important;
}

.high-light {
  // display: inline-block;
  width: 100%;

  .light {
    color: $high-light;
  }
}

::v-deep .u-icon__img {
  height: 40rpx !important;
  width: 40rpx !important;
}
</style>
